<!DOCTYPE html>
<html>
    <head>
        <!-- 引入 layui.css -->
        <link href="../js/layui/css/layui.css" rel="stylesheet">
        <!-- 引入 layui.js -->
        <script src="../js/layui/layui.js"></script>
        <!-- 引入 main.js -->
        <script src="./main.js"></script>
        <script src="./tool.js"></script>
        <script src="./main.html.js"></script>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div action="" name="baseSettings" lay-filter="baseSettings" class="layui-form">
            <!--选择代理模式-->
            <div class="layui-row layui-col-space12">
                <div class="layui-col-xs12"><p style="font-size: 40px; text-align: center; color: #16baaa;">选择代理模式</p></div>
            </div>
            <div class="layui-row" id="selectProxy">
                <div class="layui-col-xs2">
                    <input type="radio" name="mode" lay-filter="mode" id="direct_mode"  value="direct" title="直连模式" checked>
                </div>
                <div class="layui-col-xs2">
                    <input type="radio" name="mode" lay-filter="mode" id="system_mode"  value="system" title="使用系统代理">
                </div>
                <div class="layui-col-xs2">
                    <input type="radio" name="mode" lay-filter="mode" id="auto_detect_mode" value="auto_detect" title="自动感知代理">
                </div>
                <div class="layui-col-xs2">
                    <input type="radio" name="mode" lay-filter="mode" id="pac_script_mode" value="pac_script" title="使用pac代理脚本">
                </div>
                <div class="layui-col-xs2">
                    <input type="radio" name="mode" lay-filter="mode" id="fixed_servers_mode" value="fixed_servers" title="手动设置代理">
                </div>
                <div class="layui-col-xs2">
                    <input type="radio" name="mode" lay-filter="mode" id="intelligent_mode" value="intelligent" title="智能模式">
                    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" id="intelligent_mode_setting" name="intelligent_mode_setting" lay-filter="intelligent_mode_setting">转到智能模式设置</button>
                </div>
            </div>
            <hr class="layui-border-red">
            <!--pac脚本设置-->
            <div class="layui-row layui-col-space12">
                <div class="layui-col-xs12"><p style="font-size: 20px; text-align: center; color: #16baaa;">pac脚本设置</p></div>
            </div>
            <div class="layui-row">
                <div class="layui-input-group">
                    <div class="layui-input-prefix">Pac脚本地址:</div>
                    <input type="text" class="layui-input" name="pac_url" lay-filter="pac_url" value="http://127.0.0.1:10812/demo.pac">
                </div>
            </div>
            <hr class="layui-border-black">
            <!--手动设置代理-->
            <div class="layui-row layui-col-space12">
                <div class="layui-col-xs6"><p style="font-size: 20px; text-align: center; color: #16baaa;">手动设置代理</p></div>
                <div class="layui-col-xs6">
                    <p style="font-size: 20px; text-align: center; color: #16baaa;">启用手动设置高级选项
                        <input type="checkbox" name="advancedFixedModeSettingsisEnable" lay-filter="advancedFixedModeSettingsisEnable" title="ON|OFF" lay-skin="switch"> 
                    </p>
                </div>
            </div>
            <div class="layui-row" lay-filter="singleProxySetting">
                <div class="layui-input-group">
                    <div class="layui-input-prefix">代理服务器地址:</div>
                    <input type="text" class="layui-input" name="singleProxySettingAddress" lay-filter="singleProxySettingAddress" value="127.0.0.1" placeholder="代理服务器地址">
                </div>
                <div class="layui-input-group">
                    <div class="layui-input-prefix">代理服务器端口:</div>
                    <input type="number" class="layui-input" name="singleProxySettingPort" lay-filter="singleProxySettingPort" value="10808" step="1" placeholder="代理服务器端口">
                </div>
                <div class="layui-input-group">
                    <div class="layui-input-prefix">代理服务器协议:</div>
                    <div>
                        <select name="singleProxySettingScheme" lay-filter="singleProxySettingScheme">
                          <option value="http">http</option>
                          <option value="https">https</option>
                          <option value="quic">quic</option>
                          <option value="socks4" >socks4</option>
                          <option value="socks5" selected>socks5</option>
                        </select>
                      </div>
                </div>
            </div>
            <!--手动设置绕行列表-->
            <div class="layui-row">
                <hr class="ws-space-16">
                <textarea name="singleProxySettingBypassList" lay-filter="singleProxySettingBypassList" placeholder="绕行列表" class="layui-textarea"></textarea>
            </div>
            <hr class="layui-border-black">
            <!--手动设置代理-高级设置-->
            <div class="layui-row">
                <div class="layui-col-xs3">
                    <div class="layui-input-group">
                        <div class="layui-input-prefix">HTTP代理服务器地址:</div>
                        <input type="text" name="advancedFixedModeSettingsHTTPAddress"  lay-filter="advancedFixedModeSettingsHTTPAddress" class="layui-input" value="127.0.0.1" placeholder="代理服务器地址">
                    </div>
                    <div class="layui-input-group">
                        <div class="layui-input-prefix">HTTP代理服务器端口:</div>
                        <input type="number" class="layui-input" name="advancedFixedModeSettingsHTTPPort"  lay-filter="advancedFixedModeSettingsHTTPPort" value="10808" step="1" placeholder="代理服务器端口">
                    </div>
                    <div class="layui-input-group">
                        <div class="layui-input-prefix">HTTP代理服务器协议:</div>
                        <div>
                            <select  name="advancedFixedModeSettingsHTTPScheme"  lay-filter="advancedFixedModeSettingsHTTPScheme">
                              <option value="http">http</option>
                              <option value="https">https</option>
                              <option value="quic">quic</option>
                              <option value="socks4" >socks4</option>
                              <option value="socks5" selected>socks5</option>
                            </select>
                          </div>
                    </div>
                </div>
                <div class="layui-col-xs3">
                    <div class="layui-input-group">
                        <div class="layui-input-prefix">HTTPS代理服务器地址:</div>
                        <input type="text" class="layui-input" name="advancedFixedModeSettingsHTTPSAddress"  lay-filter="advancedFixedModeSettingsHTTPSAddress"  value="127.0.0.1" placeholder="代理服务器地址">
                    </div>
                    <div class="layui-input-group">
                        <div class="layui-input-prefix">HTTPS代理服务器端口:</div>
                        <input type="number" class="layui-input"  name="advancedFixedModeSettingsHTTPSPort"  lay-filter="advancedFixedModeSettingsHTTPSPort"  value="10808" step="1" placeholder="代理服务器端口">
                    </div>
                    <div class="layui-input-group">
                        <div class="layui-input-prefix">HTTPS代理服务器协议:</div>
                        <div>
                            <select  name="advancedFixedModeSettingsHTTPSScheme"  lay-filter="advancedFixedModeSettingsHTTPSScheme" >
                              <option value="http">http</option>
                              <option value="https">https</option>
                              <option value="quic">quic</option>
                              <option value="socks4">socks4</option>
                              <option value="socks5" selected="true">socks5</option>
                            </select>
                          </div>
                    </div>
                </div>
                <div class="layui-col-xs3">
                    <div class="layui-input-group">
                        <div class="layui-input-prefix">FTP代理服务器地址:</div>
                        <input type="text" class="layui-input"  name="advancedFixedModeSettingsFTPAddress"  lay-filter="advancedFixedModeSettingsFTPAddress"   value="127.0.0.1" placeholder="代理服务器地址">
                    </div>
                    <div class="layui-input-group">
                        <div class="layui-input-prefix">FTP代理服务器端口:</div>
                        <input type="number" class="layui-input"  name="advancedFixedModeSettingsFTPPort"  lay-filter="advancedFixedModeSettingsFTPPort"   value="10808" step="1" placeholder="代理服务器端口">
                    </div>
                    <div class="layui-input-group">
                        <div class="layui-input-prefix">FTP代理服务器协议:</div>
                        <div>
                            <select  name="advancedFixedModeSettingsFTPScheme"  lay-filter="advancedFixedModeSettingsFTPScheme"  >
                              <option value="http">http</option>
                              <option value="https">https</option>
                              <option value="quic">quic</option>
                              <option value="socks4">socks4</option>
                              <option value="socks5" selected>socks5</option>
                            </select>
                          </div>
                    </div>
                </div>
                <div class="layui-col-xs3">
                    <div class="layui-input-group">
                        <div class="layui-input-prefix">其他协议代理服务器地址:</div>
                        <input type="text" class="layui-input" name="advancedFixedModeSettingsFallbackAddress"  lay-filter="advancedFixedModeSettingsFallbackAddress"   value="127.0.0.1" placeholder="代理服务器地址">
                    </div>
                    <div class="layui-input-group">
                        <div class="layui-input-prefix">其他协议代理服务器端口:</div>
                        <input type="number" class="layui-input"  name="advancedFixedModeSettingsFallbackPort"  lay-filter="advancedFixedModeSettingsFallbackPort"  value="10808" step="1" placeholder="代理服务器端口">
                    </div>
                    <div class="layui-input-group">
                        <div class="layui-input-prefix">其他协议代理服务器协议:</div>
                        <div>
                            <select name="advancedFixedModeSettingsFallbackScheme"  lay-filter="advancedFixedModeSettingsFallbackScheme" >
                              <option value="http">http</option>
                              <option value="https">https</option>
                              <option value="quic">quic</option>
                              <option value="socks4">socks4</option>
                              <option value="socks5" selected>socks5</option>
                            </select>
                          </div>
                    </div>
                </div>
            </div>
            <!--手动设置绕行列表-高级设置-->
            <div class="layui-row">
                <hr class="ws-space-16">
                <textarea name="advancedFixedModeSettingsBypassList"  lay-filter="advancedFixedModeSettingsBypassList" placeholder="绕行列表" class="layui-textarea"></textarea>
            </div>
            <hr class="layui-border-black">
            
            <div class="layui-btn-container">
                <button type="button" class="layui-btn layui-btn-radius"                   id="connect"      name="connect"      lay-filter="connect">连接并保存</button>
                <button type="button" class="layui-btn layui-btn-normal layui-btn-radius"  id="saveAll"      name="saveAll"      lay-filter="saveAll">保存设置</button>
                <button type="button" class="layui-btn layui-btn-danger layui-btn-radius"  id="resetAll"     name="resetAll"     lay-filter="resetAll">重置设置</button>
            </div>
        </div>
    </body>
</html>
